/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    screens: {
      'xs': '480px',   // 超小移动设备
      'sm': '640px',   // 移动设备横屏
      'md': '768px',   // 平板竖屏
      'lg': '1024px',  // 平板横屏/小桌面
      'xl': '1280px',  // 桌面
      '2xl': '1536px', // 大桌面
    },
    extend: {
      spacing: {
        'touch': '44px', // 触摸最小尺寸（iOS HIG标准）
      },
      fontSize: {
        'mobile-xs': ['12px', { lineHeight: '16px' }],
        'mobile-sm': ['14px', { lineHeight: '20px' }],
        'mobile-base': ['16px', { lineHeight: '24px' }],
        'mobile-lg': ['18px', { lineHeight: '28px' }],
      },
    },
  },
  plugins: [
    // Note: @tailwindcss/forms and @tailwindcss/typography can be added later if needed
  ],
  corePlugins: {
    preflight: false,
  },
}